<html xmlns="http://www.w3c.org/1999/xhtml"
        xmlns:h="http://java.sun.com/jsf/html"
        xmlns:f="http://java.sun.com/jsf/core"
       xmlns:p="http://primefaces.org/ui">

<h:head>

  <title>Sistema Inmune</title>
  <link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon" />
  
  <script type="text/javascript">
    //<![CDATA[
    function logout(xhr, status, args) {
      setTimeout(function() {
        window.location = 'index.xhtml';
      }, 500);
    }
    
    function limpiarForm() {
    	return;
    	var form = document.getElementById('elFormulario');
    	alert("formulario a limpiar " + form);
    	if (form) {
    		form.reset();
    	}
    }
    
    function isNumberKey(evt){
        var charCode = (evt.which) ? evt.which : event.keyCode
        if (charCode > 31 && (charCode < 48 || charCode > 57))
            return false;
        return true;
    }
    //]]>
  </script>
  
  <style type="text/css">
    .centered {
    margin: 250px auto;
    }
    
    .noBorders tr, .noBorders td {
      background: none;
      border: none ;
    }
    
    .noBorders2 tr, .noBorders2 td, .noBorders label{
      background: none;
      border: none ;
      font-size: 10px;
    }
    
    .ui-panel .ui-panel-titlebar {
      padding: 0;
      border: 0;
      background: white;
    }
    
  </style>

</h:head>

<h:body style="text-align:left;background-color:#f0f0f0;">
  <h:graphicImage value="img/nuevoLogo1.png" style="width:1004px" /> 
 <h:form id="elFormulario">
      <p:menubar style="width:995px;font-size:14px" >  
       <p:menuitem value="Inicio" url="main.xhtml" />  
        
       <p:submenu label="Casos" >
         <p:menuitem value="Crear Caso Compin" icon="ui-icon-carat-1-e" />  
         <p:menuitem value="Buscar Casos Compin" icon="ui-icon-carat-1-e" />  
         <p:menuitem value="Carga Masiva Compin" icon="ui-icon-carat-1-e" />  
         <p:menuitem value="Gestión Envío Cartas" icon="ui-icon-carat-1-e" />
         <p:menuitem value="SOAP" icon="ui-icon-carat-1-e" url="search_soap.xhtml" />          
         <p:menuitem value="Empresas" icon="ui-icon-carat-1-e" />  
       </p:submenu>

       <p:submenu label="Denuncias" >
         <p:menuitem value="Ver Denuncia" icon="ui-icon-carat-1-e" />  
       </p:submenu>        
        
       <p:submenu label="Informes" >
         <p:menuitem value="Ver Informes" icon="ui-icon-carat-1-e" />  
       </p:submenu>
        
       <p:submenu label="Marketing" >
         <p:menuitem value="Crear Campaña" icon="ui-icon-carat-1-e" />  
       </p:submenu>                    
        
       <p:submenu label="Administración" >
         <p:menuitem value="Usuario" icon="ui-icon-carat-1-e" />  
         <p:menuitem value="Cotizante" icon="ui-icon-carat-1-e" />  
         <p:menuitem value="Empleador" icon="ui-icon-carat-1-e" />  
         <p:menuitem value="Médico" icon="ui-icon-carat-1-e" />  
       </p:submenu>         
        
       <p:menuitem value="Cerrar Sesión" actionListener="#{Login.logout}"
         oncomplete="logout(xhr, status, args)" >
       </p:menuitem>          
        
     </p:menubar>
   <p:panel id="CrearNuevoCasoSOAP" align="center" header="Crear Nuevo Caso SOAP" style="width:1000px;height:520px;font-size:10px;bold" styleClass="ui-panel" >
		 <p:growl id="messages"  showDetail="true" life="3000" /> 
    <p:breadCrumb styleClass="noBorders2">
	    <p:menuitem value="Home" url="main.xhtml" />
	    <p:menuitem value="Busqueda de Casos" url="search_soap.xhtml" />
	    <p:menuitem value="Crear Caso Soap" url="#" />  
	</p:breadCrumb>
	<p:panelGrid style="margin-top:20px" styleClass="noBorders" >
		<p:row>
			<p:column><h:outputLabel for="naturaleza" value="*Naturaleza" style="font-weight:bold"/></p:column>
        	<p:column><h:outputLabel for="isapre" value="*Isapre" style="font-weight:bold"/></p:column>	
		</p:row>
		<p:row>
			<p:column>
				<p:selectOneMenu required="true" requiredMessage="Debe seleccionar un tipo de naturaleza para el caso." 
				value="#{insertCasosSoap.idNaturaleza}">
        			<f:selectItem itemLabel="--Seleccione--" itemValue="" />  
            		<f:selectItems value="#{naturalezas.naturalezas}" />     
       			</p:selectOneMenu>
        	</p:column>
			<p:column>
				<p:selectOneMenu required="true" requiredMessage="Debe seleccionar la ISAPRE del afiliado." 
				value="#{insertCasosSoap.idIsapre}">
        			<f:selectItem itemLabel="--Seleccione--" itemValue="" />  
            		<f:selectItems value="#{isapres.isapres}" />    
       			</p:selectOneMenu>
        	</p:column>
		</p:row>
		</p:panelGrid>
		<p:panelGrid style="margin-top:10px" styleClass="noBorders" >
		
			<p:row>
	 			<p:column style="border:thin"><h:outputLabel value="DATOS ACCIDENTADO" style="text-decoration:underline;font-size:12;font-weight:bold"/></p:column>
	 		</p:row>
		
    		<p:row>
        		<p:column><h:outputLabel for="rut" value="*RUT" style="font-weight:bold"/></p:column>
        		<p:column><h:outputLabel for="nombre" value="*Nombre" style="font-weight:bold"/></p:column>
        		<p:column><h:outputLabel for="paterno" value="*Paterno" style="font-weight:bold"/></p:column>
        		<p:column><h:outputLabel for="materno" value="*Materno" style="font-weight:bold"/></p:column>
        		<p:column><h:outputLabel for="fechanacimiento" value="*Fecha Nacimiento" style="font-weight:bold"/></p:column>
    		</p:row>
    		<p:row>
    		
        		<p:column>
        			<p:inputText id="rut" size="10" maxlength="9" required="true" onkeypress='return isNumberKey(event)' requiredMessage="Debe ingresar el RUT del afiliado."  value="#{insertCasosSoap.rutAfiliado}"/>
        			<h:outputLabel value="-" />
        			<p:inputText id="dv" size="1" maxlength="1" required="true" requiredMessage="Debe ingresar el digito verificador."  value="#{insertCasosSoap.dv}"/>
        		</p:column>
	   			<p:column><p:inputText id="nombre" required="true" requiredMessage="Debe ingresar el nombre del afiliado." value="#{insertCasosSoap.nombreAfiliado}" /></p:column>
        		<p:column><p:inputText id="paterno" required="true" requiredMessage= "Debe ingresar el apellido paterno del afiliado."  value="#{insertCasosSoap.paternoAfiliado}" /></p:column>
        		<p:column><p:inputText id="materno" required="true" requiredMessage="Debe ingresar el apellido materno del afiliado."  value="#{insertCasosSoap.maternoAfiliado}" /></p:column>
        		<p:column><p:calendar value="#{insertCasosSoap.fechaNacimiento}" id="calendarioFechaNacimiento" showOn="button" /></p:column>
	 		</p:row>
	 	</p:panelGrid>
	 	<p:panelGrid style="margin-top:10px" styleClass="noBorders" >
	 		<p:row>
				<p:column><h:outputLabel for="telefono" value="*Telefono" style="font-weight:bold"/></p:column>
        		<p:column><h:outputLabel for="celular" value="*Celular" style="font-weight:bold"/></p:column>
        		<p:column><h:outputLabel for="correoElectronico" value="*Correo Electronico" style="font-weight:bold"/></p:column>
        		<p:column><h:outputLabel for="profesion" value="*Profesion u Oficio" style="font-weight:bold"/></p:column>
        		<p:column><h:outputLabel for="personaAccidentada" value="*Persona Accidentada" style="font-weight:bold"/></p:column>	 		
	 		</p:row>
	 		<p:row>
	 			<p:column><p:inputText id="telefono" required="true" onkeypress='return isNumberKey(event)' requiredMessage="Debe ingresar el telefono del afiliado." value="#{insertCasosSoap.telefono}" /></p:column>
	   			<p:column><p:inputText id="celular" required="true" onkeypress='return isNumberKey(event)' requiredMessage="Debe ingresar el celular del afiliado."   value="#{insertCasosSoap.celular}" /></p:column>
        		<p:column><p:inputText id="correoElectronico" required="true" requiredMessage="Debe ingresar el correo electronico del afiliado." value="#{insertCasosSoap.correoElectronico}" /></p:column>
        		<p:column><p:inputText id="profesion"  required="true" requiredMessage="Debe ingresar la profesion del afiliado." value="#{insertCasosSoap.profesion}" /></p:column>
        		<p:column>
					<p:selectOneMenu id="personaAccidentada" required="true" requiredMessage="Debe seleccionar un tipo de persona accidentada" 
					value="#{insertCasosSoap.personaAccidentada}">
        				<f:selectItem itemLabel="--Seleccione--"  itemValue="" />  
            			<f:selectItems  value="#{personasAccidentadas.personasAccidentadas}" />  
       				</p:selectOneMenu>
        		</p:column>
	 		</p:row>
	 	</p:panelGrid>

	 	<p:panelGrid style="margin-top:10px" styleClass="noBorders" >
	 		<p:row>
	 			<p:column><h:outputLabel for="calidad" value="*Calidad" style="font-weight:bold"/></p:column>
				<p:column><h:outputLabel for="tipoCalle" value="*Tipo Calle" style="font-weight:bold"/></p:column>
        		<p:column><h:outputLabel for="calle" value="*Calle" style="font-weight:bold"/></p:column>
        		<p:column><h:outputLabel for="numero" value="*Numero" style="font-weight:bold"/></p:column>
        		<p:column><h:outputLabel for="block" value="Block" style="font-weight:bold"/></p:column>
        		<p:column><h:outputLabel for="comunas" value="*Comuna" style="font-weight:bold"/></p:column>	 		
			</p:row>
			<p:row>
				 <p:column>
					<p:selectOneMenu required="true" requiredMessage="Debe seleccionar la calidad afiliado." 
					value="#{insertCasosSoap.calidad}">
        				<f:selectItem itemLabel="--Seleccione--" itemValue="" />  
            			<f:selectItems value="#{tiposCalidadAccidentado.tiposCalidadAccidentado}" />    
       				</p:selectOneMenu>
        		</p:column>
        		
				<p:column>
				<p:selectOneMenu id="tipoCalle" required="true" requiredMessage="Debe seleccionar el tipo de calle del afiliado." 
				value="#{insertCasosSoap.tipoCalle}">
        			<f:selectItem itemLabel="--Seleccione--" itemValue="" />  
            		<f:selectItem itemLabel="Avenida" itemValue="1" /> 
            		<f:selectItem itemLabel="Calle" itemValue="2" />
            		<f:selectItem itemLabel="Pasaje" itemValue="3" />    
       			</p:selectOneMenu>
        		</p:column>
	 			<p:column><p:inputText id="calle" required="true" requiredMessage="Debe ingresar el nombre de la calle del afiliado." value="#{insertCasosSoap.calle}" /></p:column>
	   			<p:column><p:inputText id="numero" onkeypress='return isNumberKey(event)' required="true" requiredMessage="Debe ingresar el numero de la calle del afiliado." value="#{insertCasosSoap.numero}" /></p:column>
        		<p:column><p:inputText id="block" required="false" value="#{insertCasosSoap.block}" /></p:column>
        		<p:column>
					<p:selectOneMenu id="comunas" required="true" requiredMessage="Debe seleccionar la comuna del afiliado." 
					value="#{insertCasosSoap.comunaAfiliado}">
        				<f:selectItem itemLabel="--Seleccione--" itemValue="" />  
            			<f:selectItems value="#{comunas.comunas}" />    
       				</p:selectOneMenu>
        		</p:column>				
	 		</p:row>
	 	</p:panelGrid>
	 	<p:panelGrid style="margin-top:10px" styleClass="noBorders" >
	 	
	 		<p:row>
	 			<p:column style="border:thin"><h:outputLabel value="DATOS ACCIDENTE" style="text-decoration:underline;font-size:12;font-weight:bold"/></p:column>
	 		</p:row>
	 	
	 		<p:row>
	 			<p:column><h:outputLabel for="fechaAccidente" value="Fecha Accidente" style="font-weight:bold"/></p:column>
        		<p:column><h:outputLabel for="prestador" value="*Prestador" style="font-weight:bold"/></p:column>
        		<p:column><h:outputLabel for="tipoPrestacionMedica" value="*Tipo Prestacion Medica" style="font-weight:bold"/></p:column>
        		<p:column><h:outputLabel for="tipoAccidente" value="*Tipo Accidente" style="font-weight:bold"/></p:column>
        		<p:column><h:outputLabel for="Comuna" value="*Comuna" style="font-weight:bold"/></p:column>
	 		</p:row>
	 		<p:row>
	 			<p:column><p:calendar value="#{insertCasosSoap.fechaAccidente}" id="calendarioFechaAccidente" showOn="button" /></p:column>
				<p:column><p:inputText id="prestador" required="true" requiredMessage="Debe ingresar el prestador." value="#{insertCasosSoap.prestador}" /></p:column>
				<p:column>
					<p:selectOneMenu required="true" requiredMessage="Debe seleccionar el tipo de prestacion medica." 
					value="#{insertCasosSoap.tipoPrestacionMedica}">
        				<f:selectItem itemLabel="--Seleccione--" itemValue="" />  
            		 	<f:selectItems value="#{tiposPrestaciones.tipos}" />       
       				</p:selectOneMenu>
        		</p:column>
        		<p:column>
					<p:selectOneMenu required="true" requiredMessage="Debe seleccionar el tipo de accidente." 
					value="#{insertCasosSoap.tipoAccidente}">
        				<f:selectItem itemLabel="--Seleccione--" itemValue="" />  
            			<f:selectItems value="#{tiposAccidentes.tiposAccidentes}" />  
       				</p:selectOneMenu>
        		</p:column>
        		<p:column>
					<p:selectOneMenu required="true" requiredMessage="Debe seleccionar la comuna donde ocurrio el accidente." 
					value="#{insertCasosSoap.comunaAccidente}">
        				<f:selectItem itemLabel="--Seleccione--" itemValue="" />  
            			<f:selectItems value="#{comunas.comunas}" />   
       				</p:selectOneMenu>
        		</p:column>
	 		</p:row>
	 	</p:panelGrid>
	 	<p:panelGrid style="margin-top:10px" styleClass="noBorders" >
	 		<p:row>
				<p:column><h:outputLabel for="existeDenuncia" value="*Existe Denuncia" style="font-weight:bold"/></p:column>
        		<p:column><h:outputLabel for="causaAccidente" value="*Causa Accidente" style="font-weight:bold"/></p:column>
        		<p:column><h:outputLabel for="magnitudLesiones" value="*Magnitud Lesiones" style="font-weight:bold"/></p:column>	 			
	 		</p:row>
	 		<p:row>
				<p:column>
					<p:selectOneMenu required="true" requiredMessage="Debe seleccionar la existencia de la denuncia." 
					value="#{insertCasosSoap.existeDenuncia}">
        				<f:selectItem itemLabel="--Seleccione--" itemValue="" />  
            			<f:selectItem itemLabel="Si" itemValue="1" />
            			<f:selectItem itemLabel="No" itemValue="2" />    
            			<f:selectItem itemLabel="Sin Informacion" itemValue="3" />
       				</p:selectOneMenu>
        		</p:column>
        		<p:column>
					<p:selectOneMenu required="true" requiredMessage="Debe seleccionar la causa del accidente." 
					value="#{insertCasosSoap.causaAccidente}">
        				<f:selectItem itemLabel="--Seleccione--" itemValue="" />  
            		 	<f:selectItems value="#{causasAccidente.causasAccidente}" />   
       				</p:selectOneMenu>
        		</p:column>
        		<p:column>
					<p:selectOneMenu required="true" requiredMessage="Debe seleccionar la magnitud de las lesiones." 
					value="#{insertCasosSoap.magnitudLesiones}">
        				<f:selectItem itemLabel="--Seleccione--" itemValue="" />  
        				<f:selectItems value="#{magnitudesLesiones.magnitudesLesiones}" /> 
       				</p:selectOneMenu>
        		</p:column>
	 		</p:row>
	 	</p:panelGrid>
	 	
	 	<p:commandButton id="grabar" 
	 		actionListener="#{insertCasosSoap.insert}" 
	 		value="Grabar" style="float:right;"
	 		oncomplete="limpiarForm()"
	 		update="CrearNuevoCasoSOAP" />
	 	
<!-- 	 	<p:dialog id="resultadoGrabar" header="Resultado Grabacion" widgetVar="resultadoGrabar" resizable="false" -->
<!-- 	 	showEffect="fade" hideEffect="explode" modal="true" > -->
<!--                             	<p:panelGrid style="margin-top:10px;font-size:20px;" styleClass="noBorders" id="display"> -->
<!--                                		<p:row> -->
<!-- 										<p:column><h:outputLabel value="#{insertCasosSoap.mensajeGuardado}" /></p:column> -->
<!-- 									</p:row> -->
<!-- 								</p:panelGrid> -->
<!-- 		</p:dialog> -->
   </p:panel>
 </h:form>
 	<p:ajaxStatus style="width:64px;height:64px;position:fixed;right:5px;bottom:5px">  
	   	<f:facet name="start">  
	       	<p:graphicImage value="/img/loading.gif" />  
	   	</f:facet>  
	 
	   	<f:facet name="complete">  
	       	<h:outputText value="" />  
	   	</f:facet>  
	</p:ajaxStatus>

</h:body>

</html>